<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<link href="../c/base.css" rel="stylesheet" type="text/css">
<link href="../c/toefl.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../c/bootstrap.min.css">
<script type="text/javascript" src="../j/jquery-2.1.0.js"></script>
<script src="../j/bootstrap.min.js"></script>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
</head>
<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img src="../i/logo.png"></a></div>
        <div class="headerLink">
        	<a href="登录页.html" class="###">登录</a>
            <a href="注册页.html" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a href="首页.html" >首页</a></li>
                <li><a href="托福人.html" >托福人</a></li>
                <li><a href="公开课首页.html" >公开课</a></li>
                <li><a href="组群聊-群聊页.html" >群组聊</a></li>
                <li><a href="福利城堡-福利城堡.html">福利城堡</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="doc1180 fn-clear paddingT20">
    <div class="doc230 fn-left">
        <div class="flcb_cardUser">
            <div class="flcb_cardUserPic"><img th:src="@{/i/flcb_cardUserPic.png}" width="100" height="100"></div>
            <div class="flcb_cardUserName" th:text="${u.getUsername()}"></div>
        </div>
        <div class="flcb_cardUserInfo">
            <div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学霸</div>
            <div><span>下一等级：</span>学神<span>还差RPB：80</span></div>
            <div class="flcb_cardUserText">${member.signature}</div>
            <div><a th:href="@{/}" style="color: red;">充值兑换</a></div>
        </div>
        <div class="flcb_cardUserMenu">
            <ul>
                <li class="on"><a th:href="@{/mydata}" target="infor" class="icon_1">个人资料</a></li>
                <li><a th:href="@{/myclazz}" target="infor" class="icon_2">我的公开课</a></li>
                <li><a th:href="@{/mychat}" target="infor" class="icon_3">我的群组</a></li>
                <li><a th:href="@{/mywelare}" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a th:href="@{/mytfr}" target="infor" class="icon_6">我的托福人</a></li>

            </ul>
        </div>
    </div>
    <!--右-->
    <div class="doc910 fn-right">
        <div class="">
            <div class="flcb_cardMenu" style="position: relative;">
                <ul>
                    <li class="on">
                        <a href="###" id = "myclass">我关注的文章</a>
                    </li>
                    <li >
                        <a href="###" id = "newclass">最近发布文章</a>
                    </li>
                    <li>
                        <a href="###" id="desc">我发布的文章</a>
                    </li>
                </ul>

            </div>
            <div id="myclassContent">
                <div class="publiclass" th:each="article:${articles}">
                    <dl>
                        <a th:href="@{/tfPersonDetail(articleId=${article.getArticleId()})}" target="_parent">
                            <dt><img src="../i/400x240.png" ></dt>
                            <dd>
                                <div class="tfr_classifyh3">
                                    <h3 th:text="${article.title}"></h3>
                                    <div><a th:href="@{/tfPersonDetail(articleId=${article.getArticleId()})}" class="imgA"><img class="img" src="../i/125x125.jpg"/></a></div>
                                </div>
                                <div class="tfr_classifyText" th:text="${article.content}"></div>
                                <div class="tfr_classifyTime">
                                    <span>所属分类:</span><a href="###" th:text="${article.type}"></a>
                                    <span>发布日期：</span><span th:text="${article.time}"></span>
                                    <div class="commDiv">
                                        <span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>100</span>
                                        <span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>20</span>
                                    </div>

                                </div>

                            </dd>
                        </a>

                    </dl>
                </div>
                <div class="pageList">
                    <ul>
						
                        <li>
                            <a href="###">最后一页</a>
                        </li>
                        <li><span>1</span></li>
                        <li>
                            <a href="###">2</a>
                        </li>
                        <li>
                            <a href="###">3</a>
                        </li>
                        <li>
                            <a href="###">4</a>
                        </li>
                        <li>
                            <a href="###">5</a>
                        </li>
                        <li>
                            <a href="###" class="pret">上一页</a>
                        </li>
                        <li>
                            <a href="###" class="next">下一页</a>
                        </li>
                    </ul>
                </div>

            </div>

            <div id="newclassContent" style="display: none;">
                <div class="publiclass">
                    <dl>
                        <a href="../托福人/托福人详情页.html" target="_parent">
                            <dt><img src="../i/400x240.png" ></dt>
                            <dd>
                                <div class="tfr_classifyh3">
                                    <h3>托福口语5个技巧带你入门</h3>
                                    <div><a href="###" class="imgA"><img class="img" src="../i/125x125.jpg"/> alex</a></div>
                                </div>
                                <div class="tfr_classifyText">对于很多打算考托福的同学来说，该如何准备托福口语是个很困扰的问题。其实，利用OG，分析录音，活用托福听力材料等技巧能让考生轻松入门。好好学托福名师为大家总结了5个入门技巧，让更多的同学更有效率的备考。</div>
                                <div class="tfr_classifyTime">
                                    <span>所属分类:</span><a href="###">听力</a>
                                    <span>发布日期：</span><span>2019-12-12</span>
                                    <div class="commDiv">
                                        <span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>100</span>
                                        <span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>20</span>
                                    </div>

                                </div>

                            </dd>
                        </a>

                    </dl>
                    <dl>
                        <a href="../托福人/托福人详情页.html" target="_parent">
                            <dt><img src="../i/400x240.png" ></dt>
                            <dd>
                                <div class="tfr_classifyh3">
                                    <h3>托福口语5个技巧带你入门</h3>
                                    <div><a href="###" class="imgA"><img class="img" src="../i/125x125.jpg"/> alex</a></div>
                                </div>
                                <div class="tfr_classifyText">对于很多打算考托福的同学来说，该如何准备托福口语是个很困扰的问题。其实，利用OG，分析录音，活用托福听力材料等技巧能让考生轻松入门。好好学托福名师为大家总结了5个入门技巧，让更多的同学更有效率的备考。</div>
                                <div class="tfr_classifyTime">
                                    <span>所属分类:</span><a href="###">听力</a>
                                    <span>发布日期：</span><span>2019-12-12</span>
                                    <div class="commDiv">
                                        <span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>100</span>
                                        <span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>20</span>
                                    </div>

                                </div>

                            </dd>
                        </a>

                    </dl>

                </div>
                <div class="pageList">
                    <ul>
                        <li><span>1</span></li>
                        <li>
                            <a href="###">2</a>
                        </li>
                        <li>
                            <a href="###">3</a>
                        </li>
                        <li>
                            <a href="###">4</a>
                        </li>
                        <li>
                            <a href="###">5</a>
                        </li>
                        <li>
                            <a href="###">最后一页</a>
                        </li>
                        <li>
                            <a href="###" class="pret">上一页</a>
                        </li>
                        <li>
                            <a href="###" class="next">下一页</a>
                        </li>
                    </ul>
                </div>

            </div>
            <div id="descContent" style="display: none;">
                <div class="publiclass">
                    <dl>
                        <a href="../托福人/托福人详情页.html" target="_parent">
                            <dt><img src="../i/400x240.png" ></dt>
                            <dd>
                                <div class="tfr_classifyh3">
                                    <h3>托福口语5个技巧带你入门</h3>
                                    <div><a href="###" class="imgA"><img class="img" src="../i/125x125.jpg"/> alex</a></div>
                                </div>
                                <div class="tfr_classifyText">对于很多打算考托福的同学来说，该如何准备托福口语是个很困扰的问题。其实，利用OG，分析录音，活用托福听力材料等技巧能让考生轻松入门。好好学托福名师为大家总结了5个入门技巧，让更多的同学更有效率的备考。</div>
                                <div class="tfr_classifyTime">
                                    <span>所属分类:</span><a href="###">听力</a>
                                    <span>发布日期：</span><span>2019-12-12</span>
                                    <div class="commDiv">
                                        <span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>100</span>
                                        <span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>20</span>
                                    </div>

                                </div>

                            </dd>
                        </a>

                    </dl>
                    <dl>
                        <a href="../托福人/托福人详情页.html" target="_parent">
                            <dt><img src="../i/400x240.png" ></dt>
                            <dd>
                                <div class="tfr_classifyh3">
                                    <h3>托福口语5个技巧带你入门</h3>
                                    <div><a href="###" class="imgA"><img class="img" src="../i/125x125.jpg"/> alex</a></div>
                                </div>
                                <div class="tfr_classifyText">对于很多打算考托福的同学来说，该如何准备托福口语是个很困扰的问题。其实，利用OG，分析录音，活用托福听力材料等技巧能让考生轻松入门。好好学托福名师为大家总结了5个入门技巧，让更多的同学更有效率的备考。</div>
                                <div class="tfr_classifyTime">
                                    <span>所属分类:</span><a href="###">听力</a>
                                    <span>发布日期：</span><span>2019-12-12</span>
                                    <a href="###" style="margin-left: 40px;"> 删除</a>
                                    <a href="../托福人/托福人发布页.html"> 编辑</a>
                                    <div class="commDiv">
                                        <span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>100</span>
                                        <span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>20</span>
                                    </div>

                                </div>

                            </dd>
                        </a>

                    </dl>
                    <div class="pageList">
                        <ul>
                            <li><span>1</span></li>
                            <li>
                                <a href="###">2</a>
                            </li>
                            <li>
                                <a href="###">3</a>
                            </li>
                            <li>
                                <a href="###">4</a>
                            </li>
                            <li>
                                <a href="###">5</a>
                            </li>
                            <li>
                                <a href="###">最后一页</a>
                            </li>
                            <li>
                                <a href="###" class="pret">上一页</a>
                            </li>
                            <li>
                                <a href="###" class="next">下一页</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>